Idag kommer det hela tiden nya enheter, alla med olika egenskaper, med möjlighet att koppla upp mot internet. Därmed blir det allt svårare för webbdesigners att anpassa webbplatser för användarens behov och förutse i vilken kontext användaren brukar webbplatsen. Syftet med studien var att undersöka hur webbutvecklare kan implementera flexibilitet för webbplatser, för att webbplatsen ska passa de olika enheterna, genom responsiv webbdesign. Vidare undersöks också hur användare upplever en webbplats utvecklad med responsiv webbdesign.Studien omfattar utvecklingen av en prototyp som också har används som grund för användartestning och kvalitativa intervjuer. Användartestningen omfattade test på en webbplats utvecklad med fasta mått samt testning av den responsiva prototypen.

Den här rapporten förklarar tillvägagångssättet för framtagningen utav en responsiv design till webbplatsen Projects & Staff, en webbplats som tidigare hade en fixed design. Projektet består utav två leveranser, hi-fi prototyper skapade i Adobe Illustrator och Adobe Photoshop samt en färdig mobilversion utav webbplatsen, utvecklad med CSS3. Under projektets gång har jag designat för användarupplevelse och användbarhet, två områden som är viktiga inom responsiv webbdesign. Jag har utfört en förstudie i form av en webbplatsanalys, gjort en PACT-analys samt användarintervjuer. Detta för att definiera behoven som fanns för en responsiv design, samt att få en tydlig bild av användare och deras vanor.

Följande projektarbetet har resulterat i en ny webbplats åt verkstadsföretaget Löfman & Co Verkstad AB,resultatet är sprunget ur WordPress och projektet vilar på en teoretiskt grund av läsbarhetsteori samtbeprövad erfarenhet kring ämnet responsiv design. Projektrapporten innehåller både information gällandedet teoretiska ramverket samt de slutgiltiga tekniska lösningarna som implementerades på webbplatsen.Två kvalitativa undersökningar på företagets gamla webbplats har bidraget med ytterligare underlag förskapandet utav företagets nya webbplats.. Utöver det ha en viktig del i utvecklingen gjorts av den ständigakontakten med kunden. Projektresultatet är ett bevis för att det finns en arbetsmarknadsmässig funktionför de studenter som läst Visuell Kommunikation och Design vid Karlstad Universitet..

Mångfalden av enheter för webbanvändning ökar, men det finns fortfarande webbplatser som utvecklas med PC:s som enda prioritet. Responsiv webbdesign erbjuder nya möjligheter till webbutveckling eftersom en Responsiv webbplats är anpassad till samtliga enheter på marknaden. Området har förvisso fått stort genomslag, men det är fortfarande nytt och relativt outforskat. Det finns också endel utmaningar med responsiv webbdesign som kan vara svåra att bemöta. Uppsatsen kartlägger utmaningar som lyfts fram i vetenskaplig litteratur, och bekräftar eller dementerar samt kompletterar kartlagda utmaningar genom enempirisk studie.

Denna uppsats redovisar en studie i hur en söktjänst på Internet kan kompletteras, antingen via en mobilapplikation eller genom en Responsiv webbplats, för att underlätta användning via en smartphone. Fokus för undersökningen ligger på Riksarkivets söktjänst Nationell ArkivDatabas (NAD) som för tillfället inte är anpassad till mobila enheter. Vårt mål är även att undersöka hur inställningen ser ut för applikationer och responsiva webbplatser bland användare samt hur dessa åsikter skiljer sig mellan olika användarmålgrupper.Tillsammans med information från tidigare forskning har en studie utförs för att undersöka för- och nackdelar mellan appar respektive responsiva webbplatser. I våra undersökningar har vi valt att använda oss av två datainsamlingsmetoder: en kvantitativ webbenkät och semistrukturerade kvalitativa intervjuer, som komplement till varandra. Totalt nio intervjuer har gjorts med tre personer ur varje Riksarkivets huvudmålgrupper.

Det blir allt vanligare att ägare till webbplatser anpassar sin webbplats till lågupplösta enheter som t. ex mobiltelefoner. För att genomföra en anpassning finns flera tekniska alternativ. I denna uppsats har det undersökts vilka tekniska aspekter som kan utgöra eventuella hinder när utvecklare möter webbyråkunders krav på upplösningsoberoende design med en av teknikerna, nämligen responsiv webbdesign. Arbetet innefattar en intervju med en webbyråkund som resulterade i en kravspecifikation som sedan stod till grund för en prototyp, där tekniken responsiv webbdesign testades och utvärderades.

Responsiv design syftar till att en webbsida ska anpassa sig efter anva?ndarens enhet, oavsett enhetens ska?rmstorlek. Arbetet har ga?tt ut pa? att ta reda pa? om man kan utveckla en framga?ngsrik responsiv design som fungerar pa? ma?nga typer av enheter enbart med en persondator som utvecklingsplattform, och pa? sa? sa?tt undvika att beho?va genomga? en stor process med testning. Resultaten visar att det a?r fullt mo?jligt. .

Studien fokuserar på ett förbättrat stöd för mus- och touchinteraktioner för responsiv webbutveckling, då man utvecklar en enhetlig webblösnings för alla enheter..

I det här examensarbetet har jag undersökt vilka aspekter som behöver beaktas vid utformandetav en webbplats med responsiv design samt se hur användandet förändras utifrån de nyakontexter som den responsiva designen medför. Jag försöker besvara detta genom att själv tafram den responsiva utseendet för en publikationsdatabas på Skolverkets webbplats. Projektetkan delas upp i två huvudsakliga delar. Under den första delen har jag undersökt användandetav publikationsdatabasen genom att analysera data från Google Analytics samt genomföraintervjuer och utvärdering av desktopgränssnittet tillsammans med användare. Den andra delenfokuserade på att testa de responsiva designen i praktiken genom ett iterativt designarbete, däranvändarnas feedback samlades in via användbarhetstest av skisserna och prototyperna.Resultatet från studien visade att övergången till en responsiv design innebär att fokus måsteskiftas från att enbart förbättra användarupplevelsen i respektive enhet till att se den responsivadesignen för de olika gränssnitten som ett gemensamt användande.

Denna rapport redovisar för design- och utvecklingsprocessen i byggandet av en responsiv webbsida. Webbsidan skapades för användning av den blivande spelstudion Rocket Luncher Studios. Wordpress som CMS (Content Management System) har används som innehålls-hanteringssystem för att förenkla uppdatering av webbsidan av uppdragsgivaren själva. Webbsidan är kodad utifrån Luke Wroblewskis ?mobile-first?-tänk, vilket börjar med att fokusera designen på mindre skärmar för att sedan anpassa innehållet mot större skärmstorlekar.

Avsaknad av en hemsida medför att många kunder kan gå förlorade för ett företag. Om det trots allt finns en webbsida som beskriver företagets verksamhet finns det fortfarande risk att mista kunder om sidan inte är anpassad efter den enhet som besökaren använder. I dagens samhälle är det mer regel än undantag att webbsidor besöks med olika enheter och upplösningar. En lösning på problemet är att använda responsiv webbdesign för att skapa en flexibel design. M&R Mekan & Konstruktion i Skellefteå AB har inte haft någon hemsida att presentera sin verksamhet med för varken potentiella eller befintliga kunder.

De allra flesta sidor idag använder en så kallad fixed design där sidan är gjord för en specifik skärmstorlek. Det finns nu metoder i HTML och CSS att låta sidan forma om sig efter användarens skärmstorlek utan att använda JavaScript. Denna teknik kallas responsiv webbdesign. Syftet med detta arbete är att studera responsiv webbdesign; hur det fungerar och om det är framtiden inom webbdesign. Studien har begränsats till moderna webbläsare och moderna mobiltelefoner för att se resultatet.

Smarta klockor, små kroppsnära datorer som bärs kring handleden, ökar i popularitet. Smartaklockor kan visa tiden men även köra andra applikationer. Utmärkande för alla smarta klockorär deras lilla skärmyta, vilket ställer särskilda krav på utformningen av användargränssnitt.Syftet med detta arbete är att utforska hur smarta klockor kan fungera för att visa webbinnehålloch det görs genom att studera hur responsiv webbutveckling kan användas för att möjliggörawebbanvändning med smarta klockor.Experiment med responsiv webbutveckling för smarta klockor ledde fram till fyra prototypersom testades av användare. Under testerna diskuterades fördelar och nackdelar medprototyperna.Resultatet visar att responsiv webbdesign kan användas för att anpassa webbsidor till smartaklockor, men att webbsidor med mycket innehåll bör brytas ner i mindre delar och visas en itaget, något som inte ingår i responsiv webbdesign..

I det här examensarbetet har jag undersökt vilka aspekter som behöver beaktas vid utformandetav en webbplats med responsiv design samt se hur användandet förändras utifrån de nyakontexter som den responsiva designen medför. Jag försöker besvara detta genom att själv tafram den responsiva utseendet för en publikationsdatabas på Skolverkets webbplats. Projektetkan delas upp i två huvudsakliga delar. Under den första delen har jag undersökt användandetav publikationsdatabasen genom att analysera data från Google Analytics samt genomföraintervjuer och utvärdering av desktopgränssnittet tillsammans med användare. Den andra delenfokuserade på att testa de responsiva designen i praktiken genom ett iterativt designarbete, däranvändarnas feedback samlades in via användbarhetstest av skisserna och prototyperna.Resultatet från studien visade att övergången till en responsiv design innebär att fokus måsteskiftas från att enbart förbättra användarupplevelsen i respektive enhet till att se den responsivadesignen för de olika gränssnitten som ett gemensamt användande.

The IT industry is constantly evolving and it's more or less a requirement today for web developers to be familiar with and to be able to develop for all platforms. A technique that has taken hold and is now widely used is responsive design. Developing responsive design means adapting the layout to the viewing environment; the screen size. Another useful method when developing for different devices is the mobile first theory, which means developing for the mobile screen first. This is done to scale down the site and to clear unnecessary information in order to provide a better user experience.